// components/vip-renew-card/vip-renew-card.ts
Component({

  /**
   * 组件的属性列表
   */
  properties: {
    type: {
      type: Number,
      value: 1
    },
    price: {
      type: String,
      value: '￥298'
    }
  },
  observers: {
    type(val) {
      this.setData({
        duration: `${this.properties.type}月`,
        endTime: this.getDateAfterMonths(val)
      })
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    duration: '1月',
    endTime: '',
  },

  /**
   * 组件的方法列表
   */
  methods: {
    handleClick(){
      this.triggerEvent('click', {
        price: this.properties.price,
        type: this.properties.type
      })
    },
    getDateAfterMonths(months: number): string {  
      // 创建一个Date对象，表示当前时间  
      const now = new Date();  
    
      // 设置月份时，注意JavaScript的月份是从0开始的（0代表一月，11代表十二月）  
      // 所以我们需要将传入的月份加上当前的月份  
      now.setMonth(now.getMonth() + months);  
    
      // 如果因为月份的增加导致年份也改变了（比如从12月增加到1月），上面的setMonth已经处理了  
    
      // 使用padStart方法来确保月份和日期都是两位数  
      const year = now.getFullYear().toString();  
      const month = (now.getMonth() + 1).toString().padStart(2, '0'); // 加1是因为月份从0开始  
      const date = now.getDate().toString().padStart(2, '0');  
    
      // 拼接成yyyy-MM-dd格式的字符串  
      return `${year}-${month}-${date}`;  
  }
  }
})